// 布局class名  朱明浩专用

// -----------弹性盒专属区域-------------
// 转弹性盒 y为纵向
._flex_y
    display flex
    flex-direction column
._flex_x
    display flex
._main_y
    height 100%
    display flex
    flex-direction column
._main_x
    width 100%
    display flex
._content_y
    flex 1
    display flex
    flex-direction column
._content_x
    flex 1
    display flex
// 主轴对齐方式
._justify_start
    display flex
    justify-content flex-start
._justify_end
    display flex
    justify-content flex-end
._justify_center
    display flex
    justify-content center
._justify_between
    display flex
    justify-content space-between
._justify_around
    display flex
    justify-content space-around
// 侧轴对齐方式
._align_start
    display flex
    align-items flex-start
._align_end
    display flex
    align-items flex-end
._align_center
    display flex
    align-items center
._align_baseline
    display flex
    align-items baseline
._align_stretch
    display flex
    align-items stretch
// 弹性盒的换行显示
._nowrap
    display flex
    flex-wrap nowrap
._wrap
    display flex
    flex-wrap wrap
._wrap_reverse
    display flex
    flex-wrap wrap-reverse


// ----------- 背景专属区域-----------------
// 背景图为内容大小
._bgimg_content
    background-repeat no-repeat
    background-size 100% 100%
    background-origin content-box
// 背景图为padding大小
._bgimg_padding
    background-repeat no-repeat
    background-size 100% 100%
    background-origin padding-box
// 背景颜色设置白色
._bgcolor_fff
    background-color #fff

// ----------- 滚动条样式专属区域-----------------
._sroll_list
    overflow hidden
    overflow-y auto
    &::-webkit-scrollbar-track-piece
        background-color rgba(0, 0, 0, 0)
        border-left 1px solid rgba(0, 0, 0, 0)
    &::-webkit-scrollbar
        width 5px
        height 13px
        -webkit-border-radius 5px
        -moz-border-radius 5px
        border-radius 5px
    &::-webkit-scrollbar-thumb
        background-color rgba(0, 0, 0, 0.5)
        background-clip padding-box
        -webkit-border-radius 5px
        -moz-border-radius 5px
        border-radius 5px
        min-height 28px
    &::-webkit-scrollbar-thumb:hover
        background-color rgba(0, 0, 0, 0.5)
        -webkit-border-radius 5px
        -moz-border-radius 5px
        border-radius 5px